<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
<!-- designer-manual.qdoc -->
  <title>Qt Designer 手册</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td ><a href="../qtdoc/index.html">Qt 5.14</a></td><td >Qt Designer 手册</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.14.2 参考文档</td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">内容</a></h3>
<ul>
<li class="level1"><a href="#table-of-contents">目录</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qt Designer 手册</h1>
<span class="subtitle"></span>
<!-- $$$qtdesigner-manual.html-description -->
<div class="descr"> <a name="details"></a>
<p><i>Qt Designer</i> 是一个Qt工具，使用 <a href="../qtwidgets/qtwidgets-index.html">Qt 小部件（Widgets）</a> 设计和构建图形用户界面(GUIs)。以“所见即所得 (WYSIWYG) 的方式编写和定制窗口或对话框，并使用不同的样式和分辨率对它们进行测试。</p>
<p>使用Qt的信号和槽机制，可以使 <i>Qt Designer</i> 创建的小部件和窗体与编程代码无缝集成，因此您可以轻松地为图形元素分配行为。<i>Qt Designer</i> 中设置的所有属性都可以在代码中动态更改。 此外，部件升级和自定义插件等特性允许您使用 <i>Qt Designer</i> 中的自己的组件。</p>
多种应用程序的更简单的方法。它支持一个完全可定制的外观，触摸反馈元素，平滑的动画过渡，由OpenGL图形加速。</p><p>如果您是 <i>Qt Designer</i> 的新用户, 您可以查看 <a href="designer-to-know.html">了解 Qt Designer</a> 文档。有关如何使用 <i>Qt Designer</i>的快速教程, 请参阅 <a href="designer-quick-start.html">Qt Designer 快速入门</a>。</p><p><b>注意: </b>您可以选择使用 <a href="../qtquick/qtquick-index.html">Qt Quick</a> 进行用户界面设计，而不是使用小部件（widgets）。 它是编写
<p class="centerAlign"><img src="images/designer-multiple-screenshot.png" alt="" /></p><a name="table-of-contents"></a>
<h2 id="table-of-contents">目录</h2>
<ul>
<li><a href="designer-quick-start.html">快速开始 Qt Designer</a></li>
<li><a href="designer-editing-mode.html">Qt Designer 的编辑模式</a><ul>
<li><a href="designer-widget-mode.html">小部件（Widget） 编辑模式</a></li>
<li><a href="designer-connection-mode.html">信号槽（Signals and Slots） 编辑模式</a></li>
<li><a href="designer-buddy-mode.html">伙伴（Buddy） 编辑模式</a></li>
<li><a href="designer-tab-order.html">标签（Tab）顺序 编辑模式</a></li>
</ul>
</li>
<li><a href="designer-layouts.html">使用布局（Layouts）</a></li>
<li><a href="designer-preview.html">保存、预览、打印窗体（Forms）</a></li>
<li><a href="designer-using-containers.html">使用容器部件</a></li>
<li><a href="designer-creating-mainwindows.html">创建主窗体</a></li>
<li><a href="designer-resources.html">编辑资源</a></li>
<li><a href="designer-stylesheet.html">使用样式</a></li>
<li><a href="designer-using-a-ui-file.html">在应用程序中使用UI文件</a></li>
<li>高级应用<ul>
<li><a href="designer-customizing-forms.html">自定义窗体（Forms）</a></li>
<li><a href="designer-using-custom-widgets.html">使用自定义小部件（Widgets）</a></li>
<li><a href="designer-creating-custom-widgets.html">创建自定义小部件（Widgets）</a></li>
<li><a href="designer-creating-custom-widgets-extensions.html">创建自定义小部件(Widget)扩展</a></li>
<li><a href="designer-ui-file-format.html">UI文件格式</a></li>
</ul>
</li>
</ul>
</div>
<!-- @@@qtdesigner-manual.html -->
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2020 The Qt Company Ltd. 文档贡献包括在这里是各自所有者的版权。<br/> 在此提供的文档是根据由自由软件基金会发布的<a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a>的条款授权的。<br/> Qt及其商标为Qt有限公司的商标。在芬兰和/或世界其他国家。所有其他商标均为其各自所有者的财产。</p>
</div>
</body>
</html>
